@charset "utf-8";

/* slider-container */
.slider-container{height:505px;overflow:hidden;position:relative}
.main-slider{width:100%;height:100%;position:relative;overflow:hidden}
.slide-item{width:100%;position:absolute;left:0;top:0;display:none}
.slide-item img{width:100%;height:auto;}
.slide-item img{height:505px;}
.slide-cont{position:absolute;
	left:50%;top:0;width:970px;margin-left:-485px;
}
.slide-cont{font-size:18px;color:#fff;background-color: rgba(17,64,152,0.4);padding-left: 30px;padding-bottom: 20px;margin-top: 5em;}
.slide-cont h1{font-size:38px;
	font-weight:normal;color:#fff;line-height:47px;
	/*! margin-top:2.2em; */
}
.slide-cont span{font-size:18px;}
.slide-cont font{color:#fff;font-size:14px;width:60%;}
.slide-cont p a.more{color:#fff!important;font-size:14px;
	text-decoration:none;
	border: 1px solid #fff;border-radius: 20px;
	padding: 8px 20px;
}
.thumbs{position:absolute;
	left:0;
	bottom:20px;
	bottom:0px\9;
	bottom:0px\0;
	*bottom:0px;
	bottom:0px\9\0;
	bottom//:0px;
	z-index:4;
	width:100%;margin:0;padding:0px 39% 0 39%;
	height:54px;
}
.thumbs li{float:left;
	cursor:pointer;margin:10px 2% 10px 2%;
	background:#fff;list-style:none;position:relative;
	width:21%;*width:20.99%;
	background-repeat:no-repeat;background-position:50% 0;
	background-size:100%;
	border-radius:10px;
}
.thumbs li img{width:100%;opacity: 0.5;height:100%;min-height:30px;border-radius:10px;cursor:pointer;}
.thumbs li.curr,.thumbs li:hover{cursor:pointer;
	background:transparent;
	border:1px solid #fff;
	margin:0px 2% 0px 2%;
}
.thumbs li.curr img,.thumbs li:hover img{opacity: 1;}
@media(max-width:1600px){
	.thumbs{
		padding:0px 37% 0 37%;

	}
}
@media(max-width:1504px){
	.slider-container{height:480px;overflow:hidden;position:relative}
	.slide-item img{height:480px;}
	.thumbs{
		padding:0px 36% 0 36%;

	}
}
@media(max-width:1400px){
	.slider-container{height:350px;overflow:hidden;position:relative}
	.slide-item img{height:350px;}
	.thumbs{
	height:50px;
	}
}
@media(max-width:1200px){
	.slider-container{height:400px;overflow:hidden;position:relative}
	.slide-item img{height:400px;}
	.thumbs{
	height:50px;
	padding:0px 33% 0 33%;
	}

	.thumbs li,
	.thumbs li img{border-radius: 10px;}
}
@media(max-width:991px){
	.slider-container{height:380px;overflow:hidden;position:relative}
	.slide-item img{height:380px;}
	.thumbs{
	height:40px;
	}
	.thumbs li{margin:10px 2% 10px 2%;}
	.thumbs li,
	.thumbs li img{border-radius: 8px;}
	.slide-cont{
		width: 94%;
		margin: 0px;
		left: 3%;
	}
}
@media(max-width:767px){
	.slider-container{height:300px;overflow:hidden;position:relative}
	.slide-item img{height:300px;}
	.thumbs{
	height:30px;
	}
	.thumbs li{margin:10px 2% 10px 2%;}
	.thumbs li,
	.thumbs li img{border-radius: 5px;}
	.slide-cont{
		width: 94%;
		margin: 0px;
		left: 3%;
	}
	.thumbs li.curr,.thumbs li:hover{
		border:1px solid #fff;
	}
	.slide-cont h1{margin-top:1.2em;}
	.thumbs{padding:0px 20px 0 58%;width:100%;}
	.slide-cont h1{font-size:24px;}
	.slide-cont font{display:none;}
}
@media(max-width:530px){
	.slide-cont font,.slide-cont span{display:none;}
	.slider-container{height:200px;overflow:hidden;position:relative}
	.slide-item img{height:200px;}
	.thumbs li img{height:75%;}
	.slide-cont h1{font-size:20px;}
}
@media(max-width:360px){
	.slide-cont font,.slide-cont span{display:none;}
	.slider-container{height:150px;overflow:hidden;position:relative}
	.slide-item img{height:150px;}
	.thumbs li img{height:75%;}
	.thumbs{display:none;}
	.slide-cont h1{font-size:18px;}
	.slide-cont p a.more{
		font-size:12px;
		text-decoration:none;
		border: 1px solid #fff;border-radius: 15px;
		padding: 5px 10px;
	}
}